import { ref } from 'vue'
import { TPoint, Point, Color, Item } from '@/utils/types'
import { 
  points, 
  colorLamps, 
  pointButtons, 
  colorButtons
} from '@/utils/config'

export const usePointButtonsRef = () => {
  return ref<Item<TPoint>[]>(pointButtons)
}

export const useColorButtonsRef = () => {
  return ref<Item<Color>[]>(colorButtons)
}

export const usePointsRef = () => {
  return ref<Point[]>(points)
}

export const useColorLampsRef = () => {
  return ref<Item<Color>[]>(colorLamps)
}